<template>
  <div class="app-container">
    <!-- 卡片 -->
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>公司设置</span>
      </div>
      <!-- 标签页 -->
      <el-tabs v-model="activeName">
        <el-tab-pane label="角色管理" name="first">
          <RoleList />
        </el-tab-pane>
        <el-tab-pane label="公司信息" name="second">
          <CompanyInfo />
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
import CompanyInfo from './components/CompanyInfo.vue'
import RoleList from './components/RoleList.vue'

export default {
  name: 'Settings',
  components: {
    CompanyInfo,
    RoleList
  },
  data() {
    return {
      // 默认选中的标签页
      activeName: 'first'
    }
  }
}
</script>

<style lang="scss" scoped></style>
